﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Loading.aspx.cs" Inherits="blackhouse.WebNemo.Web.Loading" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        body,html {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
    body
    {
        background: #fcfff4;
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );

}
.loading-wrap
{
    height:100px;
    width:100%;
    position:absolute;
    left:0px;
    bottom:25%;
    background-color:#c40000;
    border:solid 1px #ff0;
    border-left-width:0;
    border-right-width:0;
    
        -webkit-box-shadow:  0px 0px 5px 2px #c40000;
        
        box-shadow:  0px 0px 5px 2px #c40000;
        
}
.loading-wrap-logo, .loading-wrap-loading
{
    height:68px;
    position:absolute;
    right:5%;
    bottom:25%;
}
.loading-wrap-loading
{
    left:5%;
    line-height:68px;
    text-transform:uppercase;
    font-size:30px;
    color:#fff;
    font-family:Arial;
}
.loading-wrap-logo img
{
    position:absolute;
    bottom:10px;
    right:0px;
}
.loading-addon
{
    position:absolute;
    left:0;
    top:0;
}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="loading-wrap">
    
    </div>
    <div class="loading-wrap-logo">
    <img src="Styles/images/logo.png" />
    </div>
    <div class="loading-wrap-loading">loading
    </div>
    <img src="Styles/images/loading.png" class="loading-addon"/>
    </form>
</body>
</html>
